<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="/lib/cropper/cropper.css">
    <link rel="stylesheet" href="./css/修改用户信息.css">
    <link rel="stylesheet" href="./css/默认设置.css">
    <link rel="stylesheet" href="http://at.alicdn.com/t/font_3062245_d896ivg08ue.css">
    <script src="/jquery-3.6.0.js"></script>
    <script src="/lib/cropper/jquery-cropper.js"></script>
    <script src="/lib/cropper/Cropper.js"></script>
    <script src="/用户界面/js/修改用户信息.js"></script>
    <script src="/BASE_API.js"></script>
    <title>Document</title>
</head>
<body>
    <div id="new_header">
        <div class="head">
            <!-- 头部右边 -->
            
            <ul>
                <li>慕课网首页</li>
                <li>免费课</li>
                <li>实战课</li>
                <li>体系课</li>
                <li>慕课教程</li>
                <li>专栏</li>
                <li class="sj">手记</li>
            </ul>
            <!-- 头部左边 -->
            <div class="head_rigth">
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/搜索.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <span>收藏网站</span>
                </div>
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/购物车-选中.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <a href="#">
                        <i>
                            <img src="./img/211铃铛.png" alt="">
                        </i>
                    </a>
                </div>
                <div class="head_rigth_one">
                    <span>我的课程</span>
                </div>

                <div class="head_rigth_one">
                    <a href="#">
                        <i class="tox">
                            <img src="./img/拉克丝.jpg" alt="">
                        </i>
                    </a>
                </div>
            </div>
        </div>
    </div>

    <div class="main">
        <div class="main-left">
            <div class="one">
                <div class="one-top">
                    <img src="./img/拉克丝.jpg" alt="">
                    <div class="avator">
                        <p>更换头像</p>
                    </div>
                </div>
                <div class="one-bottom">
                    <p>拉克丝</p>
                    <span>ID: 10480010</span>
                    <ul>
                        <li>
                            <i class="iconfont icon-gerentouxiang"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-boshimao"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-shouji_o"></i>
                        </li>
                        <li>
                            <i class="iconfont icon-youjian"></i>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="two">
                <h2>账户管理</h2>
                <div class="line"></div>
                <ul class="menu">
                    <li class="on add1">
                        <a href="#">
                            账号绑定
                            <span>
                                <i class="iconfont icon-youjiantou1"></i>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#" class="add2">
                            个人信息
                            <span>
                                <i class="iconfont icon-youjiantou1"></i>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            操作记录
                            <span>
                                <i class="iconfont icon-youjiantou1"></i>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            实名认证
                            <span>
                                <i class="iconfont icon-youjiantou1"></i>
                            </span>
                        </a>
                    </li>
                    <li>
                        <a href="#">
                            收件地址
                            <span>
                                <i class="iconfont icon-youjiantou1"></i>
                            </span>
                        </a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="main-right">
            <iframe name="ifr" scrolling="no" id="iframe" src="./user/账号绑定.html" frameborder="0"></iframe>
        </div>
    </div>

    <div class="footer">
        <div class="footer-top">
           <ul>
               <li>网站地图</li>
               <li>网站首页</li>
               <li>企业服务</li>
               <li>关于我们</li>
               <li>联系我们</li>
               <li>讲师招募</li>
               <li>帮助中心</li>
               <li>意见反馈</li>
               <li>慕课大学</li>
               <li>代码托管</li>
           </ul>
       </div>
       <p>Copyright  2021 imooc.com All Rights Reserved | 京ICP备 12003892号-11 京公网安备11010802030151号</p>
    </div>


    <div class="xg">
        <div class="xg-top">
            <span>编辑个人信息</span>
            <a href="#" class="cw iconfont icon-cuowu"></a>
        </div>
        <div class="xg-main">
            <form action="js-form">
                <div class="moco-label">
                    <label for="#">昵称:</label>
                    <div class="srnr">
                        <input type="text" placeholder="请输入昵称" value="拉克丝" class="input">
                        <div class="error"></div>
                    </div>
                </div>

                <div class="moco-label">
                    <label for="#">职位:</label>
                    <div class="srnr">
                        <select class="input b">
                        <option value="">请选择职位</option>
                        <option value="1">页面重构设计</option>
                        <option value="2">Python工程师</option>
                        <option value="3">Web前端工程师</option>
                        <option value="4">JS工程师</option>
                        <option value="5">PHP开发工程师</option>
                        <option value="6">JAVA开发工程师</option>
                        <option value="7">移动开发工程师</option>
                        <option value="8">软件测试工程师</option>
                        <option value="9">Linux系统工程师</option>
                        <option value="10">产品经理</option>
                        <option value="11">软件工程师</option>
                        <option value="12">数据库工程师</option>
                        <option value="13">交互设计师</option>
                        <option value="14">UI设计师</option>
                        <option value="15">CG影视动画师</option>
                        <option value="16">全栈工程师</option>
                        <option value="17">算法工程师</option>
                        <option value="18">架构师</option>
                        <option value="19">资深架构师</option>
                        <option value="20">学生</option>
                        </select>
                        <div class="error"></div>
                    </div>
                </div>

                <div class="moco-label">
                    <label for="#">所在地区:</label>
                    <div class="srnr">
                        <select class="input c">
                        <option value="0">省</option>
                        <option value="0">天津</option>
                        <option value="0">北京</option>
                        <option value="0">河北</option>
                        <option value="0">山西</option>
                        <option value="0">湖南</option>
                        <option value="0">贵州</option>
                        <option value="0">香港</option>
                        <option value="0">澳门</option>
                        <option value="0">台湾</option>
                        </select>

                        <select class="input c">
                            <option value="0">选择城市</option>
                            <option value="0">岳阳市 </option>
                            <option value="0">长沙市 </option>
                            <option value="0">湘潭市 </option>
                            <option value="0">常德市 </option>
                            <option value="0">益阳市 </option>
                            <option value="0">娄底市 </option>
                            <option value="0">张家界市 </option>
                            <option value="0">永州市 </option>
                            <option value="0">湘西土家族苗族自治州 </option>
                            </select>

                        <select class="input c">
                            <option value="0">区县</option>
                            <option value="0">芙蓉区</option>
                            <option value="0">天心区</option>
                            <option value="0">岳麓区</option>
                            <option value="0">开福区</option>
                            <option value="0">雨花区</option>
                            <option value="0">长沙县</option>
                            <option value="0">望城县</option>
                            <option value="0">宁乡县</option>
                            <option value="0">浏阳市</option>
                            </select>
                        <div class="error"></div>
                    </div>
                </div>

                <div class="moco-label">
                    <label for="#">性别:</label>
                    <div class="ass-rq">
                    <div class="ass">
                        <span for="#">
                           <input type="radio"  name="sex" checked = 'checked'> 保密
                        </span>
                        <div class="error"></div>
                    </div>

                    <div class="ass">
                        <span for="#">
                           <input type="radio"  name="sex"> 男
                        </span>
                        <div class="error"></div>
                    </div>

                    <div class="ass">
                        <span for="#">
                           <input type="radio"  name="sex"> 女
                        </span>
                        <div class="error"></div>
                    </div>
                   </div>
                </div>

                <div class="moco-label">
                    <label for="#">个性签名</label>
                    <div class="srnr">
                        <div class="sr-rq">
                            <textarea></textarea>
                            <p>还可以输入128个字符</p>
                        </div>
                    </div>
                </div>

                <div class="xg-bottom">
                    <label for="#"></label>
                    <a href="#" class="A1">确认</a>
                    <a href="#" class="A2">取消</a>
                </div>
            </form>
        </div>
    </div>

    <div class="change">
        <div class="change-top">
            <div class="change-title">
                <span>更换头像</span>
                <a href="#" class="iconfont icon-cuowu">
                </a>
            </div>
        </div>
        <div class="change-main">
            <div class="change-img">
                <img src="./img/拉克丝.jpg" alt="" class="upload-img">
            </div>
            <div class="change-tx">
                <a>换一换</a>
                <form action="postpic">
                    <input type="file" id="file">
                    <a href="#" id="upload">上传头像</a>
                </form>
            </div>
        </div>
        <div class="change-bottom">
            <a href="#" class="b1">确定</a>
            <a href="#" class="b2">取消</a>
        </div>
    </div>
       <!-- 幕布 -->
       <div class="mubu">
            
       </div>
</body>
</html>